<%-- 
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Thanh Luan
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>

        <link rel="stylesheet" type="text/css" href="../css/cssdivtable.css"/>
    </head>
    <body>
        <div id="togglesms">
        </div>
        <a4j:form>
            <a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#{rich:component('statPane')}.hide()" />
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <%-- <h:outputText value="<div class='permission' lang='#{loginSession.right.MENU_EMP_VIEW}'></div>" escape="false"/> --%>
            <div id="content">
                <div id="menu_top">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <h:panelGroup>
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#">
                                    <span class="department2" lang="<h:outputText value="#{n450_n850.fn850}"/>">
                                        <h:outputText rendered="#{n450_n850.fn850 !=0}" value="#{n450_n850.nv851}"/>
                                        <h:outputText rendered="#{n450_n850.fn850 ==0}" value="Tất cả"/>
                                    </span>
                                </a>

                            </div>
                            <div class="select_hidden departmentlistN850">

                                <ul>
                                    <li><a href="#"><span class="department3" lang="<h:outputText value="0"/>">
                                                <h:outputText value="Tất cả"/>
                                            </span></a></li>                          


                                    <a4j:repeat value="#{n450_n850.listComb850}" var="item">
                                        <li><a href="#"><span class="department2" lang="<h:outputText value="#{item.value}"/>">
                                                    <h:outputText value="#{item.label}"/>
                                                </span></a></li> 
                                            </a4j:repeat>
                                </ul>
                            </div>
                        </div>
                    </h:panelGroup>
                    <div style="float:left;margin-right: 2px;margin-left: 2px;" class="imgFancybox">
                        <h:outputLink  value="editworkProject.jsp?action=addnew&page=project.jsp&height=5px&width=600px" styleClass="fancybox add_new" id="fancybox1">
                            <h:graphicImage title="Add công việc" value="../images/icon_addTour.png"/>
                        </h:outputLink>
                    </div>                  
                    <div style="float:left;margin-right: 2px;margin-left: 2px;" class="imgFancybox">
                        <div class="classimageSMS">
                            <img src="../images/smsnew.png" class="sendSMS_person" lang="page=sendSMSitemEmployee" title="Xác nhận  SMS"/>
                        </div>
                    </div>                                     

                    <div style="float:right;height: 25px;width: 20%;border:1px solid #B2B7BB;">
                        <h:inputText style="  float: left;height: 25px; margin-left: 0;width: 86%;"  value="#{EmpBean.keySearch}" onfocus="if(this.value=='#{EmpBean.keySearch}')this.value='';" styleClass="text_search"/>

                        <div class="buttonsearch" style="float:left;">
                            <%--      <div class="group cssgroup" >
                                      <h:selectOneRadio layout="pageDirection" value="#{EmpBean.typeSearch}" styleClass="feild_sex"  style="margin-left:5px; margin-top:14px; padding:15px; width:195px; height:154px;"   >
                                          <f:selectItem itemValue="0" itemLabel="Tất cả"/>
                                          <f:selectItem itemValue="1" itemLabel="Ðiện thoại"/>
                                          <f:selectItem itemValue="2" itemLabel="Họ tên"/>
                                          <f:selectItem itemValue="3" itemLabel="CMND/Passport"/>
                                          <f:selectItem itemValue="4" itemLabel="Email"/>
                                          <f:selectItem itemValue="5" itemLabel="MSNV"/>
                                      </h:selectOneRadio>
                                      <h:commandButton action="#{EmpBean.reload}" value="#{locale.search}" style="margin-left:75px; margin-top:5px;" styleClass="buttonsearch2">
                                      </h:commandButton>
                                  </div>--%>
                        </div>
                    </div>
                </div>

                <div id="content_detail">
                    <rich:tabPanel switchType="ajax">
                        <rich:tab label="TỔNG HỢP DOANH THU">
                            <rich:dataTable var="record" value="">
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="STT"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="DATE"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="CODE TOUR"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="TOUR NAME"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="GROUP"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="THU USD"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="CHI USD"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="THU VND"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="CHI VND"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="ACTION PESONAL"/>
                                    </f:facet>
                                    <div style="float:left;width: 100%;text-align: center;">
                                        <h:outputText value="01"/>
                                    </div>
                                </rich:column>
                            </rich:dataTable>
                        </rich:tab>
                        <rich:tab label="BÁO CÁO CÔNG NỢ PHẢI TRẢ">
                            <div style="width:100%;overflow: auto;">
                                <rich:dataTable var="record" value="">

                                    <f:facet name="header">
                                        <rich:columnGroup>
                                            <rich:column rowspan="2">
                                                <h:outputText value="STT" />
                                            </rich:column>
                                            <rich:column rowspan="2">
                                                <h:outputText value="MÃ TOUR" />
                                            </rich:column>
                                            <rich:column rowspan="2">
                                                <h:outputText value="TÊN TOUR" />
                                            </rich:column>
                                            <rich:column colspan="2">
                                                <h:outputText value="ĐẦU KỲ" />
                                            </rich:column>
                                            <rich:column colspan="2">
                                                <h:outputText value="PHÁT SINH" />
                                            </rich:column>
                                            <rich:column colspan="2">
                                                <h:outputText value="CUỐI KỲ" />
                                            </rich:column>
                                            <rich:column breakBefore="true">
                                                <h:outputText value="NỢ" />
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText value="CÓ" />
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText value="NỢ" />
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText value="CÓ" />
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText value="NỢ" />
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText value="CÓ" />
                                            </rich:column>
                                        </rich:columnGroup>
                                    </f:facet>
                                    <rich:subTable var="expense" value="">
                                        <rich:column width="2%;">
                                            <div style="width: 100%;text-align: center;">
                                                <h:outputText value="1"></h:outputText>
                                                </div>


                                        </rich:column>
                                        <rich:column>
                                            <h:outputText value="ANH DUONG"></h:outputText>

                                        </rich:column>
                                        <rich:column>
                                            <h:outputText value="CTY ANH DUONG"></h:outputText>

                                        </rich:column>
                                        <rich:column>
                                            <h:outputText value="12,000,000"></h:outputText>

                                        </rich:column>
                                        <rich:column>
                                            <h:outputText value="12,000,000"></h:outputText>

                                        </rich:column> 
                                        <rich:column>
                                            <h:outputText value="12,000,000"></h:outputText>

                                        </rich:column> 
                                        <rich:column>
                                            <h:outputText value="12,000,000"></h:outputText>

                                        </rich:column> 
                                        <rich:column>
                                            <h:outputText value="12,000,000"></h:outputText>

                                        </rich:column> 
                                        <rich:column>
                                            <h:outputText value="12,000,000"></h:outputText>

                                        </rich:column> 
                                    </rich:subTable>
                                </rich:dataTable>
                            </div>
                        </rich:tab>
                        <rich:tab label="BÁO CÁO CÔNG NỢ PHẢI THU" >
                            Here is tab #2
                        </rich:tab>
                        <rich:tab label="Third">
                            Here is tab #3
                        </rich:tab>
                    </rich:tabPanel>

                </div>

            </a4j:form>
    </body>
</html>
<style>
    #main{
        width:100%;
    }
    #content{
        padding:0px !important;
        width:98.8%;
    }
    #footer{
        width:100%;
    }
    .title_tour{
        width:100%;
    }

    #content_detail {
        float: left;
        width: 100%;
        padding-top: 7px !important;
    }


    #header_content {
        float: right;
        margin-top: 40px;
        width: 87%;
    }
    .imgFancybox img{
        height: 26px !important;
        width: 30px !important;
    }
</style>